var formulario;
var pnlCantidades;
var pnlCant;
var productoSeleccionados;
var map;
$(function(){

	limpiarSilde();
	formulario=$("#formDelivery");
	pnlCantidades=$("#pnlCantidades");
	pnlCant=$("#pnlCant");
	productoSeleccionados=$("#productoSeleccionados");
	$("div.droptrue").sortable({
		connectWith: "div",
		receive: function(event,ui){
			var div=ui.item;
			var id=div.attr("id");
			objArray=new Array();
			objArray={
				id: div.find('#id' + id).val(),
				tipo: div.find('#tipo' + id).val(),
				nombre: div.find('#nombre' + id).val(),
				descripcion: div.find('#descripcion' + id).val(),
				precioUnitario: div.find('#precioUnitario' + id).val(),
				precioConjunto: div.find('#precioConjunto' + id).val(),
				estado: div.find('#estado' + id).val(),
				nombreFoto: div.find('#nombreFoto' + id).val(),
				rutaFoto: div.find('#rutaFoto' + id).val(),
				codigoFoto: div.find('#codigoFoto' + id).val()
			};
			pnlCant.append('<p id=' + objArray.id + ' class="pCantidades" >	<label> ' + objArray.nombre + '( S/. ' + objArray.precioUnitario +'  )'  + '  </label>  <input onblur="calcularDenuevo()"   type="text" value="1" class="txtCantidad" onkeypress="return LP_data(event)" name="cantidad" />' + '<input type="hidden" name="precio" value="' + objArray.precioUnitario + '">   </p>');
			calcularPrecioTotal(pnlCant);
		}
	});

	$("div.dropfalse").sortable({
		connectWith: "div",
		dropOnEmpty: false,
		receive: function(event,ui){
			var div=ui.item;
			var id=div.attr("id");
			$("#" + id,pnlCant).remove();
		}
	});

	$("#sortable1, #sortable2").disableSelection();

	formulario.validate({
		rules: {
			"txtCantidad": "required"
		},
		messages: {
			"txtCantidad": "Ingrese una Cantidad "
		},
		submitHandler: function(form){
			// productoSeleccionados <input class="" name="productos" value=""
			// type="hidden" />
			try{
				var pProductos=$("#pnlCant p");
				$(pProductos).each(function(i,item){
					console.log('$(item).attr("id");' + $(item).attr("id"));
					var id=$(item).attr("id");
				//	console.log(id);
					productoSeleccionados.append('<input class="" name="productos" value="' + id + '" type="hidden"  />');
				});

				$.post(form.action,$(form).serialize(),function(resp){
					try{
						if(resp == 1){
							mensaje(" Delivery Guardado  ");
							$("#dialog-nuevoProducto").dialog("close");
							location.href=baseURL+"consultar?inter=0";
						}else{
							error(" Ocurrio un error intente nuevamente  ");
						}
					}catch(e){
						console.log(e.message);
					}
				});
			}catch(e){
				console.log(e.message);
			}
		}
	});

	$(".btnGuardar").click(function(){
		try{
			formulario.submit();
			/*
			 * formulario.submit(function(){ $(':submit', this).click(function() {
			 * return false; }); });
			 */
		}catch(e){
			alert(e);
		}
	}).button({
		icons: {
			primary: "ui-icon-circle-plus"
		}
	});
	
	$('#address').autocomplete();
	
	cargarUbicacionesSucursales();

});

function LP_data(e){
	key=(document.all) ? e.keyCode : e.which;
	if(key < 48 || key > 57){
		//console.log("solo se pueden ingresar numeros");
		return false;
	}
	return true;
}

function calcularPrecioTotal(div){
	var lstP=$(".pCantidades");
	var total=0;
	$(lstP).each(function(i,item){
		//console.log("i;" + i);
		//console.log("item;" + item.className);
		//console.log("item;" + item.id);
		var cantidad=$(item).find("input:text").val();
		//console.log("cantidad;" + cantidad);
		var precio=$(item).find("input:hidden").val();
		//console.log("precio;" + precio);
		total=total + (precio * cantidad);
		//console.log("total;" + total);
	});
	$("#txtTotal").val(total);
}
function calcularDenuevo(){
	calcularPrecioTotal($("#pnlCant"));
}
function cargarUbicacionesSucursales(){
	try{
		var coordenadasGO=new Array();
		var mylatitude="-12.08775916974103";
		var mylongitude="-77.05008623219533";

		if(navigator.geolocation){
			navigator.geolocation.getCurrentPosition(function(position){
				console.log("position.coords.latitude:" + position.coords.latitude);
				console.log("position.coords.longitude:" + position.coords.longitude);

				mylatitude=position.coords.latitude;
				mylongitude=position.coords.longitude;

				var ubicaciones=$('#ubicaciones').find("div");
				$($(ubicaciones)).each(function(i,item){
					var idNum=obtenerIDcompuesto($(item).attr("id"),"ubi");
					var longitud=$(item).find("#longitud" + idNum).val();
					var latitud=$(item).find("#latitud" + idNum).val();
					console.log(longitud);
					console.log(latitud);
					coordenadasGO.push({
						lat: latitud,
						lng: longitud,
						data: "Sucursales"
					});

				});
				var position = new google.maps.LatLng(mylatitude, mylongitude); 
				
				console.log("coordenadasGO:" + coordenadasGO);

				$('#mapa').gmap3({
					action: 'addMarker',
				    latLng: position,
				    map:{
				      center: position,
				      zoom: 8
				    },
					marker: {
						options: {
							draggable: true			            
						},
						 events:{
						        dragend: function($e, marker, event){
						        	console.log("$e:"+$e);
						        	console.log("event:"+event);
						        	console.log("event.position:"+event);
						        	console.log("marker:"+marker);
						        	console.log("marker.position:"+marker.getPosition());
						        	console.log("marker.position.lat():"+marker.getPosition().lat());
						        	console.log("marker.position.lat():"+marker.getPosition().lat());
						        	console.log("event:"+event);
						        	console.log("lat:"+marker.position.lat());
						        	console.log("lng:"+marker.position.lng());
						        }
						      }
					},
					infowindow: {
						options: {
							content: 'Estas Aqui en este momento!'
						}
					}
				},{
					action: 'addMarkers',
					markers: coordenadasGO,
					marker: {
						options: {
							draggable: false
						},
						events: {
							mouseover: function(marker,event,data){
								var map=$(this).gmap3('get'),infowindow=$(this).gmap3({
									action: 'get',
									name: 'infowindow'
								});
								if(infowindow){
									infowindow.open(map,marker);
									infowindow.setContent(data);
								}else{
									$(this).gmap3({
										action: 'addinfowindow',
										anchor: marker,
										options: {
											content: data
										}
									});
								}
							},
							mouseout: function(){
								var infowindow=$(this).gmap3({
									action: 'get',
									name: 'infowindow'
								});
								if(infowindow){
									infowindow.close();
								}
							}
						}
					}

				},
				  {action: 'setOptions', args:[{scrollwheel:true}]}
				);

				$('#latitudUbicacion').val(mylatitude);
				$('#longcoordenadasGOUbicacion').val(mylongitude);
				
			});
		}

	}catch(e){
		console.log(e);
	}

}
